<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>机场大巴</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/all_css.css" />
		<link rel="stylesheet" type="text/css" href="css/weui/base.css" />
		<link rel="stylesheet" type="text/css" href="lib/weui.css" />
		<link rel="stylesheet" type="text/css" href="css/weui/jquery-weui.css" />
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />
		<style type="text/css">
			body {
				background-color: #F5F5F5;
			}
			
			.airportBus_main {
				max-width: 640px;
				min-width: 320px;
				margin: 0px auto;
				padding-bottom: 10px;
			}
			
			.app_head_left {
				float: left;
				width: 30%;
				padding: 6px;
			}
			
			.app_head_left a {
				color: #FFFFFF;
				font-size: 1.5em;
				font-weight: bold;
			}
			
			.app_head_mid {
				float: left;
				width: 40%;
				padding-top: 5px;
			}
			
			.app_head_right {
				float: right;
				width: 30%;
				text-align: right;
				padding: 12px;
			}
			
			.app_head_right a {
				color: #FFFFFF;
				font-size: 1.3em;
				font-weight: bold;
				font-family: "黑体";
			}
			
			#app_head_title {
				text-align: center;
				color: #FFFFFF;
				font-size: 1.6em;
				font-family: "宋体";
				font-weight: bold;
			}
			
			.airportBus_pic {
				height: 220px;
				margin-top: 70px;
			}
			
			.airportBus_pic img {
				height: 100%;
				width: 100%;
			}
			
			.airportBus_msg {
				margin-top: 5px;
				padding: 0px 10px;
			}
			
			#airportBus_msg_title {
				color: #0070B4;
				height: 50px;
				line-height: 50px;
				font-size: 1.2em;
				font-weight: bold;
				border-bottom: 1px solid #CECECE;
			}
			
			.neirong_blue {
				color: #0070B4;
				font-size: 1.1em;
			}
			
			.bbG {
				border-bottom: 1px solid #CECECE;
			}
			
			.lh40 {
				line-height: 40px;
			}
			
			#aviation_ul {
				margin-top: 5px;
				padding: 0 12px;
			}
			
			#aviation_ul li {
				padding: 5px;
				border-bottom: 1px solid #CDCDCD;
			}
			
			#aviation_ul li p span {
				color: #0BB501;
			}
			
			#aviation_ul li p {
				color: #666666;
				height: 28px;
				line-height: 28px;
			}
			
			.airMsg_title {
				font-weight: bold;
				color: #0070B4 !important;
				font-size: 1.15em;
			}
			/*导航栏 中间部分*/
			
			#airportMsg_mid {
				margin-top: 20px;
			}
			/*三张渐变图*/
			
			#jianbian_title {
				width: 100%;
				height: 260px;
				/*background-color: #999999;*/
				FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#666666, endColorStr=#353756);
				/*IE*/
				background: -moz-linear-gradient(top, #666666, #32C7F2);
				/*火狐*/
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#353756));
				/*谷歌*/
				background-image: -webkit-gradient(linear, left bottom, left top, color-start(0, #666666), color-stop(1, #353756));
				/* Safari & Chrome*/
				filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#666666', endColorstr='#353756');
				/*IE6 & IE7*/
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#353756')";
				/* IE8 */
			}
			
			.lunboImg {
				width: 100%;
				height: 100%;
			}
			
			.lunboImg1 {
				background: url(img/AirportBus/airport_pic1.png) no-repeat;
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
			}
			
			.lunboImg2 {
				background: url(img/AirportBus/airport_pic2.jpg) no-repeat;
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
			}
			
			.lunboImg3 {
				background: url(img/AirportBus/airport_pic3.jpg) no-repeat;
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
			}
			/*机场信息 详情信息*/
			
			#airMsg_main {
				padding: 5px 1em;
			}
			
			#airMsg_main h1 {
				height: 35px;
				line-height: 45px;
				font-weight: bold;
			}
			
			#airport_name {
				color: #0070B4;
				font-family: "宋体";
				font-size: 1.25em;
			}
			
			#airMsg_main p {
				margin-top: 10px;
			}
			
			#airMsg_main p span {
				display: inline-block;
				line-height: 1.7em;
				margin-left: 5.5em;
				color: #444444;
			}
			
			#airMsg_main p a {
				position: absolute;
				color: #0BB501;
				font-size: 1.1em;
			}
			
			#alertAirportBus {
				text-decoration: underline;
				color: #0BB501;
				float: right;
				font-weight: 100;
				font-weight: bold;
			}
			/*点击跳转至地图*/
			
			#airJumpToMap {
				padding-left: 25px;
				height: 30px;
				display: inline-block;
			}
			
			#airJumpToMap a {
				margin-left: -28px;
				margin-top: -8px;
			}
		</style>
	</head>

	<body ontouchstart>
		<div class="airportBus_main">
			<div class="index_head">
				<div class="app_head_left">
					<a class="iconfont" onclick="returnBtn()">&#xe6d4;</a>
				</div>
				<div class="app_head_mid">
					<p id="app_head_title">机场信息</p>
				</div>
			</div>
			<div class="weui_tab" id="airportMsg_mid">
				<div class="weui_navbar" id="secTitle">
					<a href="#airList" class="weui_navbar_item weui_bar_item_on" id="chooseAirList"><b>机场列表</b></a>
					<a href="#airMsg" class="weui_navbar_item" id="chooseAirMain"><b>机场详情</b></a>
				</div>
				<div class="weui_tab_bd" id="searchResultArea">
					<div id="airList" class="weui_tab_bd_item weui_tab_bd_item_active">
						<!--装载 所有机场列表-->
						<div id="aviation_ul"></div>
					</div>
					<div id="airMsg" class="weui_tab_bd_item">
						<div id="jianbian_title">
							<div class="lunboImg lunboImg1"></div>
							<div style="display: none;" class="lunboImg lunboImg2"></div>
							<div style="display: none;" class="lunboImg lunboImg3"></div>
						</div>
						<div id="airMsg_main">
							<h1><span id="airport_name"></span><a id="alertAirportBus" onclick="SearchLjjcBus()" style="display: none;">查看机场大巴</a></h1>
							<!--<p data-x="" data-y="" style="color: #0BB501; font-size: 16px;" id="airJumpToMap" onclick="airJumpToMapShow(thisAirP)">
								<a class="iconfont" style="color: #0BB501; font-size: 1.8em;">&#xe6c9;</a>
								点击跳转至地图查看
							</p>-->
							<p>
								<a>机场详情：</a>
								<span id="airport_xiangqing"></span>
							</p>
							<p>
								<a>公共交通：</a>
								<span id="airport_airbus"></span></p>
							<p>
								<a>周边情况：</a>
								<span id="airport_nearby"></span></p>
							<p>
								<a>乘出租车：</a>
								<span id="airport_taxi"></span></p>
						</div>
						<div class="airportBus_all">
							<div class="airportBus_msg" id="LJairportBus_msg" style="display: none;">
								<div id="airportBus_msg_title">开往长春方向</div>
								主线：人民广场
								<p class="neirong_blue">长春龙嘉国际机场-人民广场（宾委路）</p>
								<p class="neirong_blue">
									<a style="color: #666666;">途经站点：</a>东方广场、民丰大街、和顺街、难关民航宾馆、人民广场</p>
								南关民航宾馆首班发车时间：
								<p class="neirong_blue">首班：6：00；末班：20：00（间隔半小时发车）</p>
								长春龙嘉国际机场发车时间：
								<p class="neirong_blue bbG lh40">首班：第一架航班落地&nbsp;&nbsp;末班：航班结束</p>
								直线：高速公路客运站
								<p class="neirong_blue">高速公路客运站-龙嘉国际机场</p>
								<p class="neirong_blue">
									<a style="color: #666666;">高速公路站点地址：</a>高速公路客运站院内，经停会展中心酒店
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/md5.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/weui/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/back_end.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				getAirInfo();
				getPicHeight();
			})
			//获取机场基本信息
			function getAirInfo() {
				$.ajax({
					type: 'post',
					url: Url,
					async: false,
					cache: false,
					data: {
						type: "airport_info",
						AIRPORT: "", //机场名称
						AIRZONE: "" //市名
					},
					dataType: "jsonp", //数据类型为jsonp
					jsonp: "callbackparam", //服务端用于接收callback调用的function名的参数  
					jsonpCallback: "jsonpCallback1",
					success: function(data) {
						if(data.CODE == "1") {
							console.log(data);
							var d = data.DATA;
							var m = data.MDATA;
							if(isEncrypt(d, m)) {
								d = eval(d);
								console.log(d);
								var a = $("#aviation_ul");
								a.html("");
								var tag = "";
								for(var i = 0; i < d.length; i++) {
									d[i].AIRPORTBUS = d[i].AIRPORTBUS == "null" ? "暂无数据" : d[i].AIRPORTBUS; //机场大巴
									d[i].HOTLINE = d[i].HOTLINE == "null" ? "暂无数据" : d[i].HOTLINE; //电话
									d[i].PARKING = d[i].PARKING == "null" ? "暂无数据" : d[i].PARKING; //停车场
									d[i].PARKINGFEE = d[i].PARKINGFEE == "null" ? "暂无数据" : d[i].PARKINGFEE; //停车费PARKLOCATION
									d[i].PARKLOCATION = d[i].PARKLOCATION == "null" ? "暂无数据" : d[i].PARKLOCATION; //停车场坐标
									d[i].PERIPHERY = d[i].PERIPHERY == "null" ? "暂无数据" : d[i].PERIPHERY; //周边
									d[i].TAXI = d[i].TAXI == "null" ? "暂无数据" : d[i].TAXI; //出租信息
									tag += "<li onclick='jumpToAirMsg(this)' data-airzb='" + d[i].COORDINATE + "' data-airname='" + d[i].STDNAME + "' data-xiangqing='" + d[i].INTRODUCTION + "'" +
										"data-airbus='" + d[i].AIRPORTBUS + "' data-zhoubian='" + d[i].PERIPHERY + "' data-taxi='" + d[i].TAXI + "'>" +
										"<p class='airMsg_title'>" + d[i].STDNAME + "</p>" +
										"<p><span>位置: &nbsp;</span>" + d[i].ADDRESS + "</p>" +
										"<p><span>电话: &nbsp;</span>" + d[i].HOTLINE + "</p></li>"
								}
								a.append(tag);
							}else{
								errMD();
							}
						}
						//						getTrainInfo();
					},
					error: function() {
						$.alert("连接超时，请重试", "提示");
					}
				});
			}

			// 头部动画；
			var curIndex = 0; //当前index
			// 定时器自动变换3秒每次
			var autoChange = setInterval(function() {
				if(curIndex < 2) {
					curIndex++;
				} else {
					curIndex = 0;
				}
				//调用变换处理函数
				changeTo(curIndex);
			}, 3000);

			function changeTo(num) {
				$("#jianbian_title").find(".lunboImg").hide().eq(num).fadeIn(500).delay(1000);
			}

			//点击返回按钮
			function returnBtn() {
				if($("#chooseAirList").hasClass("weui_bar_item_on")) { //当前页面处于列表页时 返回上一层
					window.location.href = "javascript:history.go(-1)";
				} else if(document.getElementById("LJairportBus_msg").style.display != "none") {
					$("#LJairportBus_msg").hide();
					$("#airMsg_main").show(); //从龙嘉机场大巴页跳转回机场详情页
				} else {
					$("#chooseAirList").click();
					//					console.log(document.getElementById("LJairportBus_msg").style.display);
				}
			}

			//跳转至机场信息详情
			function jumpToAirMsg(t) {
				var name = $(t).children()[0].innerHTML;
				var main = $(t).attr("data-xiangqing");
				console.log($(t).attr("data-airbus"));
				var busStr = $(t).attr("data-airbus").split(";");
				var bus = "";
				for(var i = 0; i < busStr.length; i++) {
					if(busStr.length > 1) {
						bus += busStr[i] + "<br/>";
					}
				}

				var nearby = $(t).attr("data-zhoubian");
				var taxi = $(t).attr("data-taxi");

				$("#airport_name").html(name);
				$("#airport_xiangqing").html(main);
				$("#airport_airbus").html(bus);
				$("#airport_nearby").html(nearby);
				$("#airport_taxi").html(taxi);
				$("#chooseAirMain").click();
				//判断点击的是否为长春龙嘉机场
				if($("#airport_name").html().indexOf("长春龙嘉国际机场") != -1) {
					$("#alertAirportBus").show();
				} else {
					$("#alertAirportBus").hide();
				}
			}

			function getPicHeight() {
				var titleH = document.documentElement.clientHeight * 0.3; //占屏幕高度的30%
				$("#jianbian_title").height(titleH);
			}

			//当搜索内容为长春龙嘉机场时 添加查询图标
			function addIconSearchLJ() {
				$("#alertAirportBus").show();
			}

			function SearchLjjcBus() {
				$("#airMsg_main").hide();
				$("#LJairportBus_msg").show();
			}
		</script>
	</body>

</html>